var vm = new Vue({
  el: '#app',
  data(){
    return {  
        input:'',
        list:[],
        staff:'',        
        formInline: {
          user: '',
          period: ''
        },
        tableHead:[],
        value3:[],        

    };  
  },
  mounted:function ( ) { // 页面加载完成后会调用此函数
    this.$nextTick(function () { // 加个函数可以保证 this和vm是一样 都可以掉用
        vm.management();
    })
  },
  methods:{

	management:function () {
        this.$http.get('../data.json').then(res => { //作用域指向了外层 里面的this就是外面的this
            vm.list = res.body.result.list;
            vm.tableHead = res.body.result.value;
//          /console.log(vm.options)
        }); // 调用http方法
	},
	search() {
        console.log(vm.tableHead)
      },
    tableRowClassName({row, rowIndex}) {
        if (rowIndex === 1) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          return 'success-row';
        }
        return '';
      }
  },
 
})